/*实现页脚样式*/
/*实现回顶部样式*/
.tr{
	position:relative;
	width:100%;
	height:30px;}
/*实现回顶部的超链接*/
.tr .backTop{
	position:absolute;
	top:0px;
	right:25px;
/*超链接的高度与父层的高度一致，所以定位的top为0*/	
	height:30px;
	line-height:30px;
	width:80px;
/*设置里面的文字颜色，位置*/
    color:#FFF;
	background-color:#999;
	text-indent:35px;
	border-radius:5px;/*直角边框变圆角*/}

/*实现白色的小三角形*/
.tr .backTop:after{
	content:'';
	/*实现小三角的定位*/
	position:absolute;
	top:2px;
	left:10px;
	/*实现一个白色的正方形*/
	width:0px;
	height:0px;
	border:8px solid #FFF;
/*实现三角形，将上、右、左边框都设成透明，下边框为白色*/
    border-color:transparent transparent #FFF transparent;}

/*设置页脚下面三行的样式，宽度、文本居中，背景渐变*/
.foot-list,.copyright{
	width:100%;
	text-align:center;
	font-size:16px;
	color:#777;
	/*火狐颜色渐变*/
	/*火狐颜色渐变*/
	background:-moz-linear-gradient(top,#FDF0DF,#FBF3E7);
	/*IE颜色渐变*/
	background:
			-ms-linear-gradient(top,#FDF0DF,#FBF3E7);
	/*谷歌、苹果、欧朋颜色渐变*/
	background:-webkit-gradient(linear,0 0,0 100%, from(#FDF0DF),to(#FBF3E7));}
	
/*设置每行的样式，高度行高垂直居中，有下划线*/
.foot-list li{
	height:40px;
	line-height:40px;
	}
/*版权样式*/
.copyright{
	padding:10px 0;}

/*实现页脚第二部分每行的超链接的样式*/
.foot-list li a{
	color:#777;
	padding:0 15px 0 25px;/*上右下左*/
	/*给每个超链接加一个右边框*/
	border-right:1px solid #999;}

/*去掉每行最后一个超链接的右边框*/
.foot-list li a:last-child{
	border:none;}	
/*实现每个超链接前的背景图片*/
.foot-list li a.foot1{
	background:url(../images/icon-b1.png) no-repeat 6px 2px;
	background-size:16px 16px;}
	
.foot-list li a.foot2{
	background:url(../images/icon-b2.png) no-repeat 6px 2px;
	background-size:16px 16px;}
	
.foot-list li a.foot3{
	background:url(../images/icon-b3.png) no-repeat 6px 2px;
	background-size:18px 15px;}

.foot-list li a.foot4{
	background:url(../images/icon-b4.png) no-repeat 6px 5px;
	background-size:16px 13px;}

.foot-list li a.foot5{
	background:url(../images/icon-b5.png) no-repeat 10px 2px;
	background-size:10px 15px;}	
	
	
	
	
	
	
	